<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>热门活动</title>
		<style type="text/css">
			li{
				list-style: none;
				float: left;
				padding: 10px;
			}
		h2{
			float: right;
		}
	
	div{
		margin: 0px auto;
		width: 700px;
	}
		</style>
	</head>
	<body>
		<h2>更多</h2>
		<h1>热门活动</h1>
		
		<br />
		<div id="#">
			<ul>
				<li><img src="练习2：热门活动/image/img1.png"/><br />推荐活动 | 原创音乐现金榜T榜</li>
					<li><img src="练习2：热门活动/image/img2.png"/><br />推荐节目|《TAImusic》爆笑来袭</li>
						<li><img src="练习2：热门活动/image/img3.png"/><br />推荐歌单 | 继续宠爱张国荣</li>
							<li><img src="练习2：热门活动/image/img4.png"/><br />推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</li>
			</ul>
		</div>
	</body>
</html>
